<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="E:/idea_workspace/study/Bootstrap/BootstrapDemo/src/main/resources/static/bootstrap-3.3.7-dist/css/bootstrap.min.css"
          rel="stylesheet">
</head>
<body>
<!--晌应式固定宽度容器-->
<div class="container">

    <section class="row">
        <aside class="col-md-4"><h2>C lumn l</h2></aside>
        <article class="col-md-4"><h2>C lumn 2</h2></article>
        <aside class="col-md-4"><h2>C lumn 3</h2></aside>
    </section>
    <section class=row>
        <aside class="col-md-2"><h2>C lumn l</h2></aside>
        <article class="col-md-6"><h2>C lumn 2</h2></article>
        <aside class="coll-md-4"><h2>Column 3</h2></aside>
    </section>
    <section class=row>
        <article class=" col-xs-12 col-sm-6 col-md-4"/>
        <article class="col-md-6"><h2>C lumn 2</h2></article>
        <aside class="coll-md-4"><h2>Column 3</h2></aside>
    </section>
    <a href="#">inbox<span class="badge">4</span></a>
    <a href="#">inbox2<span class="badge">0</span></a>
    <a href="#">inbox1<span class="badge"></span></a>
</div>

<!--  晌应式非固定宽度容器-->
<div class=" container-fluid ">
</div>
<span class="label label-default">hello1</span>
<span class="label label-primary">hello1</span>
<span class="label label-success">hello1</span>
<span class="label label-info">hello1</span>
<span class="label label-warning">hello1</span>
<span class="label label-danger">hello1</span>
<script src="E:/idea_workspace/study/Bootstrap/BootstrapDemo/src/main/resources/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"/>
</body>
</html>